<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>我的收藏</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.collection-img img {
			width: 100%;
		}
		
		.collection-btn button {
			padding-top: 0;
			padding-bottom: 0;
			padding-left: 0;
		}
		
		.product {
			margin-bottom: 15px;
		}
		
		.icon-feiji{
			padding-left: 5px;
		}
	</style>
</head>
<body>
	<!--数据列表 开始-->
	<div class="mui-content mui-scroll-wrapper container-pull-refresh no-pad">
		<div class="mui-scroll">
			<!--数据列表-->
			<section class="mui-table-view mui-row scroll-data" data-tpl="tpl-template">
				<div class="no-data"><img src="../image/icon-waiting.gif" /></div>
			</section>
		</div>
	</div>
	<!--数据列表 结束-->
	
	<!--收藏模板 开始-->
	<script type="text/template" id="tpl-template">
		{{if !data || data.length == 0}}
		<div class="no-data">
			<center>暂时无数据</center>
		</div>
		{{/if}}
		{{each data as item}}
		<div class="white product" data-id="{{item.goods_id}}">
			<div class="collection-img btn-to-product">
				<img src="{{item.thumb | image}}" />
			</div>
			<div class="pad-h pad-v-sm">{{item.title}}</div>
			<div class="pad-h text-gray">{{item.description}}</div>
			<div class="pad-h pad-v-sm mui-row">
				<div class="mui-col-xs-6">
					<label class="text-primary">￥{{item.goods_price | price}}</label>
					&nbsp;&nbsp;
					<del class="text-gray">￥{{item.goods_market_price | price}}</del>
				</div>
				<div class="mui-col-xs-6 text-gray collection-btn">
					<button class="pad-h pad-v-sm mui-pull-right btn-to-product">
						<i class="iconfont icon-feiji mgn-h-sm"></i>
					</button>
					<button class="pad-h pad-v-sm mui-pull-right mgn-h btn-awesome">
						<i class="iconfont icon-down mgn-h-sm"></i><span>{{item.like || '0'}}</span>
					</button>
				</div>
			</div>
		</div>
		{{/each}}
	</script>
	<!--收藏模板 结束-->

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="member.collection.scroll.js" ></script>
</body>
</html>